<template>
  <view>
    <view v-for="(item, index) in info" :key="index">
      <u-cell-group>
        <u-cell>
          <view slot="title" class="flex  justify-between">
            <view class="flex-sb">
              <view class="flex w-300 flex-aic">
                <view class="w-150 c-99"> 	目的地: </view>
                <text class="">111</text>
              </view>
              <view class="flex-1 flex-sb p-l-20">
                <view class="w-100 c-99"> 收货单位: </view>
                <text class=""></text>
              </view>
            </view>
          </view>
          <clIcon
            slot="right-icon"
            type="icon-shanchu"
            color="#000"
            size="25"
          ></clIcon>
        </u-cell>

        <u-cell>
          <view slot="title" class="flex  justify-between">
            <view class="flex-sb">
              <view class="flex w-300 flex-aic">
                <view class="w-100 c-99"> 电话: </view>
                <text class="">111</text>
              </view>

              <view class="flex-1 flex-sb p-l-20">
                <view class="w-100 c-99"> 传真: </view>
                <text class="">111</text>
              </view>
            </view>
          </view>
        </u-cell>
        <u-cell arrow-direction="right">
          <view slot="title" class="flex ">
            <view class="w-100 c-99"> 地区: </view>
            <view class="flex-1">
              <u-input border="none" />
            </view>
          </view>
        </u-cell>

        <u-cell arrow-direction="right">
          <view slot="title" class="flex ">
            <view class="w-200 c-99"> 详情地址: </view>
            <view class="flex-1">
              <u-input border="none" />
            </view>
          </view>
        </u-cell>
        <u-cell arrow-direction="right" @click="calendarShow = true">
          <view slot="title" class="flex ">
            <view class="w-100 c-99"> 联系人: </view>
            <view class="flex">
              <view class="flex">
                
              </view>
            </view>
          </view>
        </u-cell>
        <u-cell arrow-direction="right">
          <view slot="title" class="flex ">
            <view class="w-150 c-99"> 备注: </view>
            <view class="flex-1">
              <u--input placeholder="请输入内容" border="none"></u--input>
            </view>
          </view>
        </u-cell>
      </u-cell-group>
      <u-gap height="10" bgColor="#eee"></u-gap>
    </view>
    <u-button text="添加联系人" plain hairline class="w-100"></u-button>
  </view>
</template>
<script>
import clIcon from "@/components/cl-icon/cl-icon.vue";
export default {
  props: {},
  components: {
    clIcon,
  },
  data() {
    return {
      info: [{}, {}],
    };
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>
